<template>
	<view class="content">
		<view class="detail-row">
			<view class="number-no">
				拼团编号：{{resultDetail.bh}}
			</view>
			<view class="time">
				开团时间：{{resultDetail.start_time}}
			</view>
		</view>
		<view class="goods-info">
			<view class="goods-img">
				<image :src="resultDetail.has_one_group.has_one_goods.thumb"></image>
			</view>
			<view class="goods-name-box">
				<view class="goods-name">
					<view>{{resultDetail.has_one_group.has_one_goods.title}} </view>
					<image src="../../../../static/images/index/loding.png"></image>
				</view>
				<view class="goods-tips">成功邀请好友参与立即获得 {{resultDetail.share_price}}元推广奖励， 好友中大奖再得{{resultDetail.sum_price}}元成团奖励，发放至账户余额， 随时可提现</view>
			</view>
		</view>

		<view class="goods-list-box">
			<view class="goods-list-title">
				<view class="">我已邀请{{resultDetail.has_many_success_member_count}}人</view>
				<view class="">获得{{resultDetail.has_many_success_member_count * resultDetail.share_price}}元推广赏金</view>
			</view>
			<view class="goods-row-title">
				<text>好友</text>
				<text>推广奖励</text>
			</view>
			<view class="goods-list-contnet">
				<view class="list-content-item" 
				v-for="(item, index) in resultDetail.has_many_success_member"
				:key="index">
					<view class="left">
						<image :src="item.has_one_member.avatar"
							style="width: 56upx;height: 56upx;border-radius: 50%;"></image>
						<text style="margin-left: 16upx; font-size: 27upx;">{{item.has_one_member.nickname}}</text>
					</view>
					<view class="right">￥{{resultDetail.share_price}}</view>
				</view>
				</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				resultDetail: {
					
				}
			};
		},
		onShow() {
			this.getleaderlistDetail();
		},
		methods:{
			getleaderlistDetail(){
				return this.$http.get('user.leaderlistDetail',
				{team_id: this.$Route.query.id}).then(res => {
					this.resultDetail = res.data;
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import './group-details.scss';
</style>
